<template>
  <div class="shop-list">
    <shop-item
      v-for="(item, index) in list"
      :key="index"
      :item="item"
    ></shop-item>
  </div>
</template>

<script>
import ShopItem from "./ShopItem.vue";

export default {
  props: {
    list: {
      type: Array,
      default() {
        return ["暂无商品信息"];
      },
    },
  },
  name: "ShopList",
  data() {
    return {};
  },
  components: { ShopItem },
  methods: {},
  created() {},
  mounted() {},
  updated() {},
};
</script>

<style scoped lang='scss'>
.shop-list {
  width: 100%;
}
</style>